<template lang="html">

    <div :class="$style.home">
      <HeaderVue/>
      <Slider></Slider>
      <Novice/>
      <Borrow/>
      <Money/>
      <Product/>
      <Life/>
      <Foot/>
      <Navbar/>
        <!-- <h1>Home</h1> -->
    </div>
</template>

<script>
import HeaderVue from '../public/header.vue'
import Slider from './hslider.vue'
import Novice from './novice.vue'
import Borrow from './borrow.vue'
import Money from './money.vue'
import Product from './product.vue'
import Life from './life.vue'
import Foot from '../public/footer.vue'
import Navbar from '../public/navbar.vue'
export default {
  components:{
    HeaderVue,
    Slider,
    Novice,
    Borrow,
    Money,
    Product,
    Life,
    Foot,
    Navbar
  }
}
</script>

<style lang="scss" module>
  @import '../../css/reset.scss';
  .home{
    // color: red;
    // font-size: 80px;
    // paddinxg-top: 100px;
  }
</style>
